<%@ page language="java" pageEncoding="utf-8" buffer="128kb"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<%@ include file="/pages/safeai/jsp/common/taglibs.jsp"%>
<%@ page isELIgnored="false"%>
<head>
	<title>${viewCatalogName} - 锐意网 - 中文最大网上摄影器材商城</title>
	<%@ include file="/pages/safeai/jsp/common/meta.jsp"%>
	<link href="${ctx}/css/style.css" rel="stylesheet" type="text/css" />
	<script language="JavaScript" type="text/javascript" src="${ctx}/script/shop/bannerrollover.js"></script>
	<script language="JavaScript" src="${ctx}/js/tabar.js"></script>
	<script language="JavaScript" src="${ctx}/script/common/common.js"></script>
	<script language="JavaScript" src="${ctx}/js/sort.js"></script>
	<script language="JavaScript" src="${ctx}/js/json2.js"></script>
	<script language="JavaScript" src="${ctx}/js/filter.js"></script>
	<script language="JavaScript" src="${ctx}/js/jquery.js"></script>
	<script language="JavaScript" src="${ctx}/script/shop/productShop.js"></script>
	<script language="JavaScript" src="${ctx}/script/shop/productnotify.js"></script>
	<script language="JavaScript" type="text/javascript"  src="${ctx}/js/ScrollPic.js"></script>
	<script type='text/javascript' src='${ctx}/dwr/interface/productService.js'></script>
  	<script type='text/javascript' src='${ctx}/dwr/engine.js'></script>
	<script type="text/javascript">
		jQuery(document).ready(function(){
			jQuery("div.filters a").not(jQuery("#resetFilter")).bind("mousedown",doFilter);
			
			jQuery("div.products_status img").bind("mousedown",fillFilters);
			jQuery("div.products_status img[onclick]").bind("mousedown",function(){
				jQuery(this).trigger("click");
			});
			jQuery("div.products_status select.products_sort").bind("change",function(event){
				jQuery("#sort").val($(event.target).val());
				jQuery("#offset").val("0");
				fillFilters();
				setTimeout(function(){jQuery("form#filterForm")[0].submit();},1000);
			});
			jQuery("div.products_status img[id=grid]").bind("mousedown",function(){
				jQuery("#view").val("1");
				setTimeout(function(){jQuery("form#filterForm")[0].submit();},1000);
			});
			jQuery("div.products_status img[id=list]").bind("mousedown",function(){
				jQuery("#view").val("2");
				setTimeout(function(){jQuery("form#filterForm")[0].submit();},1000);
			});
			jQuery(":checkbox[name=chkSel]").bind("click",function(event){
				var evt = jQuery(event.target);
				if(jQuery("div.products_compare ul>li[id][id!=" + evt.val() + "]").length / 2 == 2){
					evt.attr("checked",false);
					alert("最多只能有2个商品参加比较!");
					return;
				}
				if(evt.attr("checked")){
					jQuery("div.products_compare ul>li:has(:button.products_compare_menu)").before(jQuery("<li id=" + evt.val() + ">&nbsp;" + evt.attr("label") + "</li>").prepend(jQuery("<img src='${ctx}/images/compare_cancel.jpg' border='0'/>").css("cursor","pointer").mousedown(removeCompareProduct)));
				}else{
					jQuery("div.products_compare ul>li").remove("#" + evt.val());
				}
			});
			jQuery("div.products_compare :button.products_compare_menu").bind("click",compare);
		});
		function resetFilter(){
			$('#filters').attr('value','');
			setTimeout(function(){jQuery("form#filterForm")[0].submit();},1000);
		}
</script>
</head>
<body>
<style>
form{margin:0;padding:0;}
.product_ad pre,.product_ad pre p{padding:0;margin:0;}
</style>
<div class="bg">
  <div class="bg_inside" style="float:none">
  <div class="head" style="height:104px;">
  	<c:import url="/pages/safeai/jsp/shop/header.jsp"></c:import>
  	<div class="clearAll"></div>
 </div>
<form id="filterForm" action="${ctx}/catalog/catalogMessage.do" method="get">
<input type="hidden" name="method" value="productFilter">
<input type="hidden" name="catalogCode" value="${catalog.catalogCode}">
<input type="hidden" id="offset" name="pager.offset" value="${Page.offset}"/>
<input type="hidden" name="pageSize" value="${Page.pageSize}"/>
<input type="hidden" id="view" name="view" value="${view}">
<input type="hidden" id="sort" name="sort" value="${sort}">
<input type="hidden" id="sagrarsf" name="sagrarsf" value="1">

<input type="hidden" name="bdsfkl" value="${daohang}">

<logic:present name="daohang1">
	<input type="hidden" name="bdsfkdfhfdl" value="${daohang1}">
</logic:present>

<logic:present name="daohang2">
	<input type="hidden" name="afegqargq" value="${daohang2}">
</logic:present>


<div  class="middle">
<div class="product_ad" style="float:none;"><pre>${sec1}</pre></div> 
<style>
.middle_ad_top pre{margin:0;padding:0;margin-top:2px;}
.middle_ad_top pre img{margin:0;padding:0;font-size:0;line-height:0;display:inline;border:0;}
.middle_ad_top pre p{margin:0;padding:0;font-size:0;line-height:0;border:0;}
</style>
<div class="middle_left"><div class="bread" style="float:none;height:18px;line-height:18px;">您所在的位置：<a href="${ctx}">首页</a> <logic:present name="daohang">> ${daohang}</logic:present> <logic:present name="daohang1">> ${daohang1}</logic:present> <logic:present name="daohang2">> ${daohang2}</logic:present></div>
<div class="middle_ad_top" style="float:none;"><div class="middle_ad_top_left"><div class="middle_ad_top_left_top"><pre>${sec2}</pre></div>
<div  class="middle_ad_top_left_bottom">${sec5}</div></div>
<div class="middle_ad_top_right"><pre style="width:391px;height:97px;overflow:hidden;">${sec3}</pre><pre style="width:391px;height:97px;overflow:hidden;">${sec4}</pre></div>
<div class="clearAll"></div>
</div>
<div  class="filters" style="float:none;"><input type="hidden" id="filters" name="filters" value="${filters}"><ul style="float:none;">
<li style="float:none;">${catalog.name}_商品筛选</li>
<logic:present name="filterList">
	<li>
		<span>筛选条件：</span>
		<ul>
			<li>
			<span style="width:auto;height:auto;padding:0px;margin:8px 0px 0px 0px; float:left;background-image:none;color:#F39221; line-height:normal">
				<logic:present name="historyRange">
					<logic:iterate id="range" indexId="index" name="historyRange">
						<logic:greaterThan name="index" value="0"> + </logic:greaterThan>
						${range.value.name}
					</logic:iterate>
				</logic:present>
				
				<logic:present name="teshu">
						${teshu}
				</logic:present>
				
			</span>
			<a href="#" id="resetFilter" name="resetFilter" onclick="resetFilter();">（重置筛选条件）</a>
			</li>
		</ul>
	</li>
	
	<logic:present name="filterList">
		<logic:iterate id="ifilter" name="filterList">
			<logic:present name="ifilter" property="rangeList">
				<bean:define id="entity" name="ifilter" property="filter"/>
				<li>
					<span>${entity.name}：</span>
					<ul id="${entity.id}">
						<c:set var="selected" value="${historyRange[entity.id]}" />
						<logic:present name="selected">
							<li>
								<a href="javascript:void(0);" class="filter_menu" value="all">全部</a>
							</li>
						</logic:present>
						<logic:notPresent name="selected">
							<li>
								<a href="javascript:void(0);" class="filter_all" value="all">全部</a>
							</li>
						</logic:notPresent>
						
						
						<logic:iterate id="range" name="ifilter" property="rangeList">
							<c:set var="filterClass" value="filter_menu"/>
							<logic:present name="selected">
								<logic:equal name="selected" property="value" value="${range.value}">
									<c:set var="filterClass" value="filter_all"/>
								</logic:equal>
							</logic:present>
							<li><a href="javascript:void(0);" class="${filterClass}" value="${range.value}">${range.name}</a></li>
						</logic:iterate>
						
					</ul>
			</logic:present>
		</logic:iterate>
	</logic:present>
	
</logic:present>
<li style="clearAll;float:none;clear:both;display:block;width:0;height:0;border:0;padding:0;margin:0;line-height:0;font-size:0;"></li>
</ul></div>
<div class="products_compare" style="float:none;"><ul><span style=" float:left;padding:5px 5px 0px 5px; ">商品对比 >></span><li style="border:0px; text-align:center; padding:0px"><label>
<input type="button" name="compareButton" value="对比所选商品" class="products_compare_menu">
</label></li>
<div class="clearAll"></div>
</ul>
<div class="clearAll"></div>
</div>
<div class="products_status" style="float:none;">
<!--共52种商品　　共3页　　当前为第1页　　<img src="${ctx}/images/icon/products_pre_off.jpg"/border="0" /><img src="${ctx}/images/icon/products_back_off.jpg"/border="0" /><img src="${ctx}/images/icon/products_next_on.jpg"/border="0" /><img src="${ctx}/images/icon/products_foword_on.jpg"/border="0" />　　到第  <label><select name="select"/ class="page"></select></label> 页　　　显示方式 <img src="${ctx}/images/icon/grid_on.jpg"/border="0" /> <img src=${ctx}/images/icon/list_off.jpg width="18" height="15" />　　排序方式-->
<%@ include file="/pages/safeai/jsp/common/shopPage.jsp"%>
</div>
<div class="products_grid" style="float:none;">
<ul style="float:none">
<logic:iterate id="product" name="viesRange" property="records">
<li>
	<ul><span class="brand_logo" style="width:50px;height:15px;font-size:0;"><img style="width:50px;height:15px;font-size:0;" src="${ctx}/Brand_image/${product.brandId}.jpg" border="0" /></span>
	    <li style="text-align:center;width:130px;height:130px;" ><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${product.id}" target="_blank"><img src="${ctx}/product_image/${product.id}_1_130X130.jpg" style="width:130px;height:130px;"  border="0" /></a></li> 
	    <li class="index_products_name"><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${product.id}" target="_blank"  class="pname">
	    	${product.name}
	    	<logic:present name="product" property="frees">
	    		<logic:notEmpty name="product" property="frees">
	    		&nbsp;送
	    		<logic:iterate id="free" name="product" property="frees" indexId="index">
	    			<c:if test="${index==0}">
	    				${free.name}
	    			</c:if>
	    			<c:if test="${index>0}">
	    				${free.name}
	    			</c:if>
	    		</logic:iterate>
	    		</logic:notEmpty>
	    	</logic:present>
	    </a>
	    </li>
		<li style="padding:8px 0px 0px  0px;height:20px">
		
		<c:if test="${product.status==1}">
			库存状态：现货
		</c:if>
		<c:if test="${product.status==2}">
			库存状态：需订货
		</c:if>
		<c:if test="${product.status==3}">
			库存状态：暂时缺货
		</c:if>
		
		
		</li>
		<li  style="padding:15px 0px 0px  0px;height:20px">
		<logic:notEmpty name="product" property="free" ><img src="${ctx}/images/zp.jpg" /border="0" > <span  class="zp">有赠品</span></logic:notEmpty>
		<logic:equal value="1" name="product" property="freeDeliver">　<img src="${ctx}/images/freeshipping.jpg" /border="0"><span  class="freeshipping">免运费</span></logic:equal></li>
		<li>锐意价:
			<logic:equal value="2" name="product" property="specialType">
				<span class="index_price">${product.specialPrice}</span>
			</logic:equal>
			<logic:notEqual value="2" name="product" property="specialType">
				<span class="index_price">${product.price}</span> 
			</logic:notEqual>
		元</li><li ><div  class="product_compare"><label >	
		<input type="checkbox" id="chkSel" name="chkSel" value="${product.id}" label="${product.name}" />
		</label><%//<a href="#" target="_blank" class="product_compare_text"></a>%><span style="color:#888888">商品对比</span></div>
	  	<div class="product_addcart" >
	  		<c:if test="${product.status==1 || product.status==2}">
		  		<a href="${ctx}/shopping/viewShoppingCart.do?m=addProductForward&id=${product.id}" target="shoppingCart"> 
		  			<img src="${ctx}/images/products_addcart.jpg"/border="0"/>
		  		 </a>
	  		</c:if>
	  		<c:if test="${product.status==0 || product.status==3}">
	  		
	  			<a href="javaScript:void(0)" onClick="toProductnotify(${product.id},'${product.name}','${USERINFOFRONT.uid}');" ><img src="${ctx}/images/products_tongzhi.jpg"/border="0" /></a>
	  		
	  		</c:if>
	  	</div>
	  	</li>
	</ul>  
</li>
</logic:iterate>
<div class="clearAll"></div>
</ul>
</div>

<div class="products_status" style="float:none;">
<!-- 共52种商品　　共3页　　当前为第1页　　<img src="${ctx}/images/icon/products_pre_off.jpg"/border="0" /><img src="${ctx}/images/icon/products_back_off.jpg"/border="0" /><img src="${ctx}/images/icon/products_next_on.jpg"/border="0" /><img src="${ctx}/images/icon/products_foword_on.jpg"/border="0" />　　到第  <label><select name="select"/ class="page"></select></label> 页　　　显示方式 <img src="${ctx}/images/icon/grid_on.jpg"/border="0" /> <img src=${ctx}/images/icon/list_off.jpg width="18" height="15" />　　排序方式 -->
<%@ include file="/pages/safeai/jsp/common/shopPage.jsp"%>
</div>
<div class="products_compare" style="float:none;"><ul><span style=" float:left;padding:5px 5px 0px 5px; ">商品对比 &gt;&gt;</span><li style="border:0px; text-align:center; padding:0px"><label>
<input type="button" name="compareButton" value="对比所选商品" class="products_compare_menu" />
</label></li></ul>
<div class="clearAll"></div>
</div>
</div>
<div class="middle_right">
   <div class="middle_right_content" style="float:none;clear:both;">
   
   
	<c:import url="/shop/frontAnnouncementManage.do?method=list1"></c:import>
	
   
<div  style="float:none;font-size:0;line-height:0;"></div></div>
   <div class="middle_right_content" style="float:none;clear:both;">
	<div class="middle_right_content_newstop" style="float:none;"><span class="middle_right_content_top_sorttext">数码单反销售排行 </span></div>
   <div class="sorts" style="float:none;">
    <ul id="sort" style="float:none;"> 
  
  <li  class="list" style="float:none;">
   
  		<ul style="float:none;">
  
  	 	<logic:iterate id="saleslist" name="saleslist1">
			<li id="li_newman_over_0" class="on"><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${saleslist.product_id}" target="_blank"><img alt="" src="${ctx}${saleslist.product_image}"   /border="0" ></a>
	      	  <span><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${saleslist.product_id}" target="_blank">${saleslist.name}</a></span></li>
	        <li id="li_newman_0" onmouseover="selproman(this, 1, 1, 0);" style="display:none;">${saleslist.name}</li>
  	 	</logic:iterate>

		<div class="clearAll"></div>
		
	  </ul>
    </li>
	</ul>
   </div>
    <div class="middle_right_content_bottom" style="float:none;font-size:0;line-height:0;"></div>
   </div>
   <style>
	.middle_right_ad pre p{padding:0;margin:0;}
</style>
      <div class="middle_right_ad"><pre style="margin:0;padding:0;">${sec6}</pre></div>
  <div class="middle_right_content" style="float:none;clear:both;">
  <div class="middle_right_content_newstop" ><span class="middle_right_content_top_forumtext">最近浏览</span></div>
  <div class="sorts" id="newlook">
  <ul id="sort"> 
  
  <li class="list" >
   
    <ul>
    <logic:present name="newlyLooks">
		<logic:iterate id="newlyLook" name="newlyLooks" indexId="index">    
           <li id="li_hotman_over_${index }" class="on" style="display:none;"><a href="${ctx}/product/productMessage.do?method=shopDeatails&id=${newlyLook.value}" target="_blank"><img alt="" src="${ctx}/product_image/${newlyLook.value}_1_50X50.jpg"   /border="0"></a>
          		<span><a href="" target="_blank">${newlyLook.key}</a></span></li>
      		<li id="li_hotman_${index }" onmouseover="selproman(this, 2, 1, ${index });">${newlyLook.key}</li>	
		</logic:iterate>
	</logic:present>
         </ul>
    </li>
	<li style="margin:5px 0px;width:150px;text-align:center;float:none;" ><a href="javascript:void(0);"  onclick="removelook();" class="clear_manu">清空最近浏览记录</a></li>
  </ul></div><div class="middle_right_content_bottom" style="float:none;font-size:0;line-height:0;clear:both;"></div></div>
     <div class="middle_right_ad"><pre style="padding:0;margin:0;">${sec7}</pre></div>
</div>
<div class="clearAll"></div>
</form>
<div class="bottom" style="clear:both;margin:0 auto;">
	<c:import url="/pages/safeai/jsp/shop/bottom.jsp"></c:import>
	<div class="clearAll"></div>
</div>


</div>
</div>

</body>
</html>